<template>
  <h3>父组件</h3>
  <div class="content">
    <Catogory title="游戏">
      <template #default>
        <ul>
          <li v-for="(item, index) in games" :key="index">{{ item }}</li>
        </ul>
      </template>
      <template #footer>
        <el-button type="primary">保存</el-button>
      </template>
    </Catogory>
    <Catogory :title="123">
      <img src="/vite.svg" style="width: 100px;">
      <template #footer>
        <el-input></el-input>
      </template>
    </Catogory>
    <Catogory title="影视">
      <template #footer>
        <div style="height: 50px;">大脚</div>
      </template>
    </Catogory>
  </div>
</template>

<script setup lang="ts">
import Catogory from './Catogory.vue'
const games = ['英雄联盟', 'CSGO', 'pubg', '永劫无间']
</script>

<style scoped>
.content {
  display: flex;
  justify-content: space-around;
}
</style>
